<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>首页</title>
		<link href="public/css/base.css" rel="stylesheet" type="text/css" />
		<link href="public/css/common.css" rel="stylesheet" type="text/css" />
		<link href="public/css/skin-white.css" rel="stylesheet" type="text/css" />
		<link href="public/css/royalslider.css" rel="stylesheet" type="text/css" />
		<link href="public/css/iconfont.css" rel="stylesheet" type="text/css" />
		<link href="public/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="fade">
			<!--Header-->
			<header class="header">
				<a href="javascript:;" id="nav-trigger" class="nav-toggle">
					<span></span>
					<span></span>
					<span></span>
				</a>
				<div class="container">
					<div class="logo fl">
						<a href="index.html"></a>
					</div>
					<div class="page-overlay fr">
					    <div class="nav fl">
					        <ul>
						        <ul class="nav navbar-nav navbar-right">
							        <li><a href="case.html">案例</a><i class="fa fa-telegram fa-2x"></i></li>
							        <li><a href="service.html">服务</a><i class="fa fa-laptop fa-2x"></i></li>
							        <li><a href="about.html">关于</a><i class="fa fa fa-user-circle-o fa-2x"></i></li>
							        <li><a href="news.html">动态</a><i class="fa fa-newspaper-o fa-2x"></i></li>
							        <li><a href="blogs.html">研究</a><i class="fa fa-tachometer fa-2x"></i></li>
						        </ul>
					        </ul>
					    </div>
  				    </div>
				</div>
			</header>
			<!-- 首页Banner-->
			<section class="banner">
				<div class="sliderContainer fullWidth clearfix">
			        <div id="full-width-slider" class="royalSlider heroSlider rsMinW">
			        	<div class="rsContent">
			            	<img class="rsImg" src="public/images/banner.jpg" alt="" />
			            </div>
			        	<div class="rsContent">
			            	<img class="rsImg" src="public/images/banner.jpg" alt="" />
			            </div>
			            <div class="rsContent">
			            	<img class="rsImg" src="public/images/banner.jpg" alt="" />
			            </div>
			            <div class="rsContent">
			            	<img class="rsImg" src="public/images/banner.jpg" alt="" />
			            </div>
			            <div class="rsContent">
			            	<img class="rsImg" src="public/images/banner.jpg" alt="" />
			            </div>
			        </div>
			    </div>
			</section>
			<!-- 首页 case 案例-->
			<section class="case-wrap">
				<!-- <div class="container clearfix"> -->
					<div class="case">
						<div class="module-title">
							<h1>我们积累了各行业丰富的案例和经验</h1>
							<span>
								<a href="http://www.niceui.cn/?c=cases&amp;a=index">全部</a>
								/<a href="###">网站</a>
								/<a href="###">移动app</a>
								/<a href="###">软件界面</a>
								/<a href="###">互联网产品</a>
							</span>
						</div>
						<ul class="case-list container clearfix">
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case1.jpg" alt="" /></a>
								</div>
								<p><a href="###">海尔云图</a></p>
								<span>互联网大数据的聚合平台</span>
							</li>
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case2.jpg" alt="" /></a>
								</div>
								<p><a href="###">iPin图片社区</a></p>
								<span>与好友一起分享美好回忆</span>
							</li>
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case3.jpg" alt="" /></a>
								</div>
								<p><a href="###">金蝶 · 小嘀嗒</a></p>
								<span>移动互联网时代最佳协作平台</span>
							</li>
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case4.jpg" alt="" /></a>
								</div>
								<p><a href="###">懒熊体育</a></p>
								<span>懒熊体育响应式平台用户体验设计与开发</span>
							</li>
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case5.jpg" alt="" /></a>
								</div>
								<p><a href="###">腾讯文化专题</a></p>
								<span>腾讯文化—思想文化高地</span>
							</li>
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case6.jpg" alt="" /></a>
								</div>
								<p><a href="###">istar爱星光</a></p>
								<span>明星，就在爱星光，最全明星资料库</span>
							</li>
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case7.jpg" alt="" /></a>
								</div>
								<p><a href="###">零担速配</a></p>
								<span>通过互联网改造传统物流业，提高物流速度、节约物流成本</span>
							</li>
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case8.jpg" alt="" /></a>
								</div>
								<p><a href="###">律生活</a></p>
								<span>互联网在线法律服务提供商</span>
							</li>
							<li>
								<div class="case-list-pic">
									<a href="###"><img src="public/images/case9.jpg" alt="" /></a>
								</div>
								<p><a href="###">Jackery app</a></p>
								<span>Provides iPhone battery insights</span>
							</li>
						</ul>
					</div>
				<!-- </div> -->
			</section>
			<!-- 首页 service 服务 -->
			<section class="service-wrap">
				<!-- <div class="container clearfix"> -->
					<div class="module-title">
						<h1>我们积累了各行业丰富的案例和经验</h1>	
					</div>
					<div class="service-list container clearfix">
						<dl>
							<dd><img src="public/images/service1.png"></dd>
							<dt><h2>交互原型设计</h2></dt>
							<dt>信息架构</dt>
							<dt>低保真原型</dt>
							<dt>界面布局</dt>
							<dt>快速原型</dt>
							<dt>产品原型</dt>
						</dl>
						<dl>
							<dd><img src="public/images/service2.png"></dd>
							<dt><h2>产品视觉设计</h2></dt>
							<dt>视觉设计</dt>
							<dt>设计规范与风格指南</dt>
							<dt>品牌形象</dt>
							<dt>图标设计</dt>
							<dt>前端架构及开发</dt>
						</dl>
						<dl>
							<dd><img src="public/images/service3.png"></dd>
							<dt><h2>网站设计与开发</h2></dt>
							<dt>品牌网站设计开发</dt>
							<dt>展示营销网站</dt>
							<dt>电子商务网站</dt>
							<dt>手机网站/响应式网站</dt>
							<dt>前端开发与测试</dt>
						</dl>
						<dl>
							<dd><img src="public/images/service4.png"></dd>
							<dt><h2>移动产品设计</h2></dt>
							<dt>移动界面设计</dt>
							<dt>iOS/Android界面设计</dt>
							<dt>微信公众平台</dt>
							<dt>html5设计开发</dt>
							<dt>移动网站设计开发</dt>
						</dl>
						<dl>
							<dd><img src="public/images/service5.png"></dd>
							<dt><h2>软件界面设计</h2></dt>
							<dt>Windows软件界面设计</dt>
							<dt>MacOS软件界面设计</dt>
							<dt>车载软件界面</dt>
							<dt>电视界面</dt>
							<dt>其他终端软件界面</dt>
						</dl>
						<dl>
							<dd><img src="public/images/service6.png"></dd>
							<dt><h2>品牌及平面设计</h2></dt>
							<dt>标志设计及企业VI体系</dt>
							<dt>产品平面设计</dt>
							<dt>手绘插画</dt>
							<dt>二维动画</dt>
							<dt>广告设计</dt>
						</dl>
					</div>
				<!-- </div> -->
			</section>
			<!-- 首页 about 服务 -->
			<section class="about-wrap">
				<!-- <div class="container clearfix"> -->
					<h1>我们是设计师、工程师、梦想者<br>也是您的用户体验专家</h1>
					<p>nicedesign （奈思设计）成立于2010年，我们是一家专注用户体验设计开发与互联网品牌建设的设计公司，创立至今为200多位客户提供了创新与专业的设计方案。设计服务范围包括：交互原型设计、产品视觉设计、网站设计与开发建设、移动及软件产品界面设计、图标设计、品牌及平面设计等。我们的价值与宗旨是为用户和客户打造最nice的设计，用设计提升产品和企业价值。</p>
					<a href="###">咨询我们</a>
					<a href="###">了解更多</a>
				<!-- </div> -->
			</section>
			<!-- 首页 project 项目 -->
			<section class="project-wrap">
				<!-- <div class="container clearfix"> -->
					<div class="module-title">
						<h1>如何练就优秀的项目体验</h1>
						<span>创意、流程、执行缺一不可</span>
					</div>
					<ul class="project-list container clearfix">
						<li>
							<div class="project-pic">
								<a href="###"><img src="public/images/project1.jpg" alt="" /></a>
							</div>
							<p>从创始至今，我们的业务方向始终不变，专注做好一件事才能更好的追求高品质，这也是nicedesign存在的价值。
							在未来我们也是基于此信念而继续创造。</p>
						</li>
						<li>
							<div class="project-pic">
								<a href="###"><img src="public/images/project2.jpg" alt="" /></a>
							</div>
							<p>在不断的创新和实践中总结出可持续和可信赖的设计流程，坚持与用户一起思考，用设计的方法发现问题、解决问题、输出设计方案，并实现客户产品和企业价值的提升。</p>
						</li>
						<li>
							<div class="project-pic">
								<a href="###"><img src="public/images/project3.jpg" alt="" /></a>
							</div>
							<p>nicedesign5年来积累了大量优秀的项目案例，并验证了设计的价值。在不断的探索中总结经验，以结果为导向，继续为更多客户提供优秀的设计。</p>
						</li>
					</ul>
				<!-- </div> -->
			</section>
			<!-- 首页 client 客户 -->
			<section class="client-wrap">
				<!-- <div class="container clearfix"> -->
					<div class="module-title">
						<h1>他们选择了nicedesign</h1>
						<a href="###">全部客户列表&gt;</a>
					</div>
					<ul class="client-list container clearfix">
						<li><img src="public/images/l1.jpg" title="" /></li>
						<li><img src="public/images/l2.jpg" title="" /></li>
						<li><img src="public/images/l3.jpg" title="" /></li>
						<li><img src="public/images/l4.jpg" title="" /></li>
						<li><img src="public/images/l5.jpg" title="" /></li>
						<li><img src="public/images/l6.jpg" title="" /></li>
						<li><img src="public/images/l7.jpg" title="" /></li>
						<li><img src="public/images/l8.jpg" title="" /></li>
						<li><img src="public/images/l9.jpg" title="" /></li>
						<li><img src="public/images/l10.jpg" title="" /></li>
						<li><img src="public/images/l11.jpg" title="" /></li>
						<li><img src="public/images/l12.jpg" title="" /></li>
					</ul>
				<!-- </div> -->
			</section>
			<!-- Footer -->
			<footer class="footer">
				<div class="container clearfix">
					<div class="footer-main">
						<div class="foot_logo fl">
							<img src="public/images/foot_logo.png" title="">
							<p>设计和技术创造极致用户体验</p>
						</div>
						<div class="help-wrap">
							<ul class="help-list">
								<li><p>我们</p></li>
								<li><a href="###">服务项目</a></li>
								<li><a href="###">关于我们</a></li>
								<li><a href="###">新闻动态</a></li>
								<li><a href="###">加入我们</a></li>
								<li><a href="###">联系我们</a></li>
							</ul>
							<ul class="help-list">
								<li><p>案例</p></li>
								<li><a href="###">全部</a></li>
								<li><a href="###">网站</a></li>
								<li><a href="###">移动app</a></li>
								<li><a href="###">桌面软件</a></li>
								<li><a href="###">品牌及平面</a></li>
							</ul>
							<ul class="help-list">
								<li><p>方案</p></li>
								<li><a href="###">移动互联网</a></li>
								<li><a href="###">在线金融</a></li>
								<li><a href="###">传统企业转型</a></li>
								<li><a href="###">医疗健康</a></li>
								<li><a href="###">创业服务</a></li>
							</ul>
							<ul class="help-list">
								<li><p>发现</p></li>
								<li><a href="###">合作伙伴</a></li>
								<li><a href="###">研究</a></li>
								<li><a href="###">nice实验室</a></li>
								<li><a href="###">留言板</a></li>
								<li><a href="###">友情链接</a></li>
							</ul>
							<ul class="business help-list">
								<li><p>商务合作</p></li>
								<li><a href="1138659665@qq.com">邮箱：1138659665@qq.com</a></li>
								<li>手机：13177868246</li>
								<li>座机：（+86）010-57281080</li>
								<li>QQ：1138659665<!--<a href="tencent://message/?uin=949677513&Site=在线咨询&Menu=yes" class="jiaotan"><i class="qq"></i>点击交谈</a>-->
									<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1138659665&amp;site=qq&amp;menu=yes" target="_blank">
										<i class="qq"></i>点击交谈
									</a>
								</li>
								<li>地址：我也忘了</li>
							</ul>
						</div>
						
					</div>
					<div class="copy">
						<div class="personal">
							<a href="###" target="_blank"><i class="iconfont icon-iconfontweibowukuang"></i></a>
							<a href="###" class="wx"><i class="iconfont icon-weixin"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-dribbble"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-zhanku"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-behance"></i></a>
						</div>
						<p>Copyright ©  2010-2016 nicedesign  京ICP备15000202号-5 </p>
					</div>
				</div>
			</footer>
			<div class="eject">
				<div class="layer"></div>
				<div class="pop">
					<dl>
						<dd><img src="public/images/wx.png"></dd>
						<dt>扫描二维码关注：One丶</dt>
						<dt><a href="javascript:void(0)" class="close">确 认</a></dt>
					</dl>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="public/js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="public/js/common.js"></script>
		<script type="text/javascript" src="public/js/jquery.royalslider.min.js?v=9.3.6"></script>
		<script type="text/javascript">
            $('#full-width-slider').royalSlider({
                arrowsNav: true,
                loop: false,
                keyboardNavEnabled: true,
                controlsInside: false,
                imageScaleMode: 'fill',
                arrowsNavAutoHide: true,
                autoScaleSlider: true,
                autoScaleSliderWidth: 960,
                autoScaleSliderHeight: 350,
                controlNavigation: 'bullets',
                arrowsNav:'false',
                thumbsFitInViewport: false,
                navigateByClick: false,
                startSlideId: 0,
                autoPlay: false,
                transitionType: 'move',
                globalCaption: true,
                deeplinking: {
                    enabled: true,
                    change: false
                },
                imgWidth: 2560
                // imgHeight: 750
            });
	    </script>
	</body>
</html>
